{__NOLAYOUT__}<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>大拇哥资源共享平台</title>
    <!--视口 不缩放 -->
    <meta name="viewport" content="user-scalable=no,width=device-width, initial-scale=1.0,  minimum-scale=1.0, maximum-scale=1.0">
    <meta name="flexible" content="initial-dpr=1" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <!-- 网页作者 -->
    <meta name="author" content="hg" />
    <!-- 添加到主屏后的标题（iOS 6 新增） -->
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <!-- 是否启用 WebApp 全屏模式，删除苹果默认的工具栏和菜单栏 -->
    <meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL">
    <!-- 设置苹果工具栏颜色 -->
    <meta name="format-detection" content="telphone=no, email=no" />
    <!-- 忽略页面中的数字识别为电话，忽略email识别 -->
    <!-- 启用360浏览器的极速模式(webkit) -->
    <meta name="renderer" content="webkit">
    <!-- 不让百度转码 -->
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <!-- windows phone 点击无高光 -->
    <meta name="msapplication-tap-highlight" content="no">
    <meta name="msapplication-TileColor" content="#000" />
    <!--<link href="logo.ico" rel="shortcut icon" type="image/x-icon">-->
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <link rel="shortcut icon" href="favicon.ico">
    
    
    <!-- ZUI1.7.0 -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/zui/1.7.0/css/zui.min.css" rel="stylesheet">
    
    <!-- Swiper -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.4.2/css/swiper.min.css" rel="stylesheet">
    
    <link href="__PUBLIC__/dist/css/mobile.css" rel="stylesheet">

</head>
<body>
<div id="page">
    <!-- Header -->
   <include file="Index:nav" />
    <!-- Header End -->

    <div class="banner"><img src="__PUBLIC__/dist/image/mobile-banner.jpg"></div>

    <!-- 项目列表 start -->
    <div class="container clearfix pt-40">
        <section class="row">
            <div class="col-xs-7">
                <select class="form-control recruit-select col-xs-6" id="xzzy">
                  
                    <volist name="list" id="vo">  <option value="{$vo.title}">{$vo.title}</option></volist>
                                  </select>
            </div>
            <div class="col-xs-5">
                <div class="recruit-search">
                    <input type="text" id="gangweiname" placeholder="输入岗位名称、公司名称、工作地点">
                    <button id="searchlist"></button>
                </div>
            </div>
        </section>
        <ul class="recruit-list pt-20" id="zhaopinlist">
           
        </ul>
         <a class="btn-more center-block" data-p='1'>加载更多</a>
    </div>
    
</div>


<script src="//cdnjs.cloudflare.com/ajax/libs/zui/1.7.0/lib/jquery/jquery.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/zui/1.7.0/js/zui.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.4.2/js/swiper.min.js"></script>
<!-- qrcode 二维码 -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.qrcode/1.0/jquery.qrcode.min.js"></script>
<script src="dist/js/main.js"></script>
<script>
$(function(){
    var swiper = new Swiper('.swiper-container', {
        autoplay: 3000, //可选选项，自动滑动
    })
    var i = 1;
    $(".new-type").on("click","a",function(){
        var that = $(this);
        if(that.hasClass("active")) return;

        that.siblings().removeClass("active");
        that.addClass("active");
    })
    
        $("#xzzy").on("change",function(){
            var cc = $(this).val() ;
            i = 1;
             $("#zhaopinlist").html('') ;
            $(".btn-more").html('加载更多') ;
            refreshlist(cc,'',1);
        })
    
        $("#searchlist").on("click" ,function(){
        var gangwei = $("#gangweiname").val();
         $("#zhaopinlist").html('') ;
         $(".btn-more").html('加载更多') ;
        refreshlist('',gangwei,1) ;
    })
    
         $('.btn-more').on('click', function () {
                i = i + 1;
                var cat =$("#xzzy").val();
                refreshlist(cat, '', i);
            })
})

var ss = $("#xzzy").val() ;
    function refreshlist(aa,bb,pp){
           $.ajax({
           type: "POST",
           url: "index.php?g=Mobile&m=Index&a=getrecruit",
           data: "zhuanye="+aa+"&title="+bb + "&page=" + pp,
           dataType: "json",
           success: function(resp)
           {
            if(resp != null){
                var strHTML = '';
                $.each(resp, function(k, item) {
                    
                    strHTML += '<li><a href="'+item.url+'"><div><p class="number pull-right">'+item.salary+'</p><p class="title text-ellipsis">'+item.title+'</p></div>' ;
                    strHTML += '<div><p class="address pull-left">'+item.workplace+'</p><p class="name text-ellipsis">'+item.companyname+'</p></div>' ;
                    strHTML += ' <p class="source">'+item.comefrom+'</p></a></li>' ;
                    
                });
                $("#zhaopinlist").append(strHTML) ;
            }else{
                $(".btn-more").html('没有更多') ;
            }
            }        
        });
    }
    
    refreshlist(ss,'',1) ;
</script>
</body>
</html>